<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head>
	<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/#{guestPreferences.theme}/skin.css" />
		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />
		<style type="text/css">
			.new {
				background: url(../images/new-ico.gif) no-repeat 1%;
			}
			
			.ui-widget {
				font-size: 98% !important;
			}
			
			.ui-menu .ui-menu-item .ui-menu-item-label {
				padding: .2em 1.7em;
			}
			
			.ui-growl {
				top:115px;
			}
			
			.themeMenu {
				overflow: auto;
				height:300px;
				width:200px;
			}
		</style>
	
	
	<title>Prime 02 - JSSV</title>
</h:head>

<h:body>
	<div id="layout">
		<div id="top" class="top">
			<ui:insert name="top">
				<h2>
					<ui:insert name="title"> Practica de PrimeFace con JSF 2.0 </ui:insert>
				</h2>
			</ui:insert>
		</div>
		
		<h:form>
			<div id="menu" class="ui-widget ui-widget-content ui-corner-all">
				<ui:insert name="menu">	
						<p:menubar autoSubmenuDisplay="true">
							<p:submenu label="Ajax">
								<p:menuitem value="Engine"  url="/ajax/engine.xhtml" />
							</p:submenu>
						</p:menubar>
				</ui:insert>
			</div>
			
			<div id="content" class="ui-widget-content ui-corner-all ui-helper-clearfix sidebar">			
				<ui:insert name="content"> Aquí va el contenido de la página</ui:insert>			
				
				<br />
				<br />
				<br />
				<div>
					<ui:insert name="boton"> Pie de página</ui:insert>
				</div>
			</div>
		</h:form>
	</div>
</h:body>
</html>